<template>
	<view class="content">
		<view class="content-block" style="border-radius: 20rpx;">
			<view class="top">
				<view class="title  FangZhengHanZhenGuangBiaoJianTi">	
					青年见习基地1
				</view>
				<view class="site">
					瓜州县阳关路18号4-1-3
				</view>
			</view>
			<view class="bottom">
				<view class="item" @click="navigate('/page_other/base_map/apprenticeship-policy')">
					<view class="left">
						<view class="title FangZhengHanZhenGuangBiaoJianTi">
							见习政策
						</view>
						<view class="small-title">
							青年见习相关政策
						</view>
					</view>
					<view class="right">
						<view class="ico">
							<image src="https://job-1306862033.cos.ap-chengdu.myqcloud.com/miniprogram-static/home_guazhou/%E8%A7%81%E4%B9%A0%E6%94%BF%E7%AD%96.png" mode=""></image>
						</view>
						<view class="more iconfont icon-gengduo1">
							<!-- <image src="https://job-1306862033.cos.ap-chengdu.myqcloud.com/miniprogram-static/home/cyfw/%E6%9B%B4%E5%A4%9A.png" mode="" style="width: 100%;height: 100%;"></image> -->
						</view>
					</view>
				</view>
				<view class="item" style="margin-top: 30rpx;background-color: #FEF6F4;" @click="navigate('/page_other/base_map/probation-condition')">
					<view class="left">
						<view class="title FangZhengHanZhenGuangBiaoJianTi">
							见习条件
						</view>
						<view class="small-title">
							青年见习相关条件
						</view>
					</view>
					<view class="right">
						<view class="ico">
							<image src="https://job-1306862033.cos.ap-chengdu.myqcloud.com/miniprogram-static/home/cyfw/%E5%9F%BA%E5%9C%B0%E7%AE%80%E4%BB%8B.png" mode=""></image>
						</view>
						<view class="more iconfont icon-gengduo1">
							<!-- <image src="https://job-1306862033.cos.ap-chengdu.myqcloud.com/miniprogram-static/home/cyfw/%E6%9B%B4%E5%A4%9A.png" mode=""></image> -->
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		
		methods:{
			navigate(url) {
				uni.navigateTo({
					url
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	.content{
		width: 100%;
		height: 100%;
		
		.content-block{
			width: 100%;
			height: 100%;
			.top{
				width: 100%;
				height: 350rpx;
				background-color: #fff;
				padding: 40rpx;
				border-radius: 30rpx;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				
				.title{
					// font-weight: 900;
				}
				.site{
					margin-top: 50rpx;
				}
				
			}
			
			.bottom{
				width: 100%;
				padding: 30rpx;
				background-color: #fff;
				border-radius: 30rpx;
				
				.item{
					width: 100%;
					height: 220rpx;
					padding: 20rpx;
					border-radius: 20rpx;
					background-color: #ECFAED;
					display: flex;
					justify-content: space-between;
					align-items: center;
					
					.left{
						width: 60%;
						height: 100%;
						line-height: 75rpx;
						display: flex;
						flex-direction: column;
						justify-content: center;
						padding-left: 30rpx;
						
						.title{
							// font-weight: 900;
							font-size: 40rpx;
						}
					}
					
					.right{
						width: 35%;
						height: 100%;
						display: flex;
						align-items: center;
						justify-content: space-between;
						
						
						.ico{
							width: 70%;
							height: 100%;
							
							image{
								width: 100%;
								height: 100%;
							}
				
						}
						
						.more{
							width: 20%;
							height: 30%;
							margin: 40rpx 0 0 0;
							
							image{
								width: 100%;
								height: 100%;
							}
						}
					}
				}
			}
		}
		
	}
</style>